﻿@{
    ViewBag.Title = "Adivina la imagen";
}

<script type="text/javascript">
    var correcta = false;
    @if(ViewBag.Imagen != null)
    {
    <text>
    function SolicitarRespuesta() {
        $.get("/Juego/RespuestaInstantanea/@(ViewBag.Imagen.Id)",{respuestaUser:$("#inputUser").val()},CheckResp);
        
    }
    </text>
    }
    function CheckResp(data) {
        
        var respuestaDelUser = data;
        if (respuestaDelUser == "correcto") {
            $("#checkRespuesta").html("respuesta correcta!");
        }
        else{
            $("#checkRespuesta").html("respuesta incorrecta!");
        }
    }
    
</script>

<h2>Elegí una categoría:</h2>

<form action="@Url.Action("AdivinarCategoria", "Juego")" method="post">
    <select name="categoria">
        @if (ViewBag.Imagen == null)
        { 
            <option value="Peliculas">Películas</option>
            <option value="Bandas">Bandas</option>
            <option value="VideoJuegos">VideoJuegos</option>
            <option value="Marcas">Marcas</option>
            <option value="Ciudades">Ciudades</option>
            <option value="Famosos">Famosos</option>
        }
        else
        {
        if (ViewBag.Imagen.Categoria == "Peliculas") { ViewBag.Selected1 = "selected"; }   
        <option @ViewBag.Selected1 value="Peliculas">Películas</option>
        if (ViewBag.Imagen.Categoria == "Bandas") { ViewBag.Selected2 = "selected"; } 
        <option @ViewBag.Selected2 value="Bandas">Bandas</option>
        if (ViewBag.Imagen.Categoria == "VideoJuegos") { ViewBag.Selected3 = "selected"; } 
        <option @ViewBag.Selected3 value="VideoJuegos">VideoJuegos</option>
        if (ViewBag.Imagen.Categoria == "Marcas") { ViewBag.Selected4 = "selected"; } 
        <option @ViewBag.Selected4 value="Marcas">Marcas</option>
        if (ViewBag.Imagen.Categoria == "Ciudades") { ViewBag.Selected5 = "selected"; } 
        <option @ViewBag.Selected5 value="Ciudades">Ciudades</option>
        if (ViewBag.Imagen.Categoria == "Famosos") { ViewBag.Selected6 = "selected"; } 
        <option @ViewBag.Selected6 value="Famosos">Famosos</option>
        }
    </select>
    <button class="btn">Jugar!</button>
</form>

@if (ViewBag.Jugando)
{
    <h3>El puntaje de tu cuenta es: @ViewBag.Puntaje</h3>
    <h3>@ViewBag.Imagen.Categoria</h3>
    <h4>@ViewBag.Mensaje</h4>

    <img class="paraAdivinar" alt="'/Content/Imagenes/Videojuegos/'" src="@ViewBag.Imagen.Direccion" />
    <p></p>
    <form action="@Url.Action("RevisarRespuesta", "Juego")" method="post">
    <input type="hidden" name="id_imagen" value="@ViewBag.Imagen.Id" />
    <input type="hidden" name="categoria" value="@ViewBag.Imagen.Categoria" />
    <p><input id="inputUser" type="text" name="respuestaUser" placeholder="ingrese con minusculas etc" onkeyup="SolicitarRespuesta()" />
    <span id="checkRespuesta"></span></p> 
    <button class="btn btn-primary">Enviar respuesta</button>
    </form>

    <form action="@Url.Action("MostrarPista", "Juego")" method="post">
    <input type="hidden" name="id_imagen" value="@ViewBag.Imagen.Id" />
    <button class="btn btn-primary">Pedir pista</button>
    </form>
}